* {
  margin: 0px;
  padding: 0px;
}

html,
body {
  font-size: 10px;
}

.box {
  width: 100%;
  height: 291.875rem;
}

.navul {
  z-index: 999;
}

.navBox {
  height: 3.75rem;
  z-index: 999;
  position: absolute;
  top: 0vh;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(96, 2, 3, 0.1) 100%);
  display: flex;
  justify-content: space-between;
}

.navBoxleft {
  width: 60%;
}

.navBoxleft1 {
  margin-top: 0.5125rem;
  height: 2.8125rem;
}

.navBoxleft1 img {
  width: 100%;
  height: 100%;
}

.navBoxright {
  width: 20%;
}

.ul {
  list-style: none;
  width: 100%;
  text-align: right;
  z-index: 999;
  position: absolute;
  top: 4.75rem;
  left: 30.55rem;
}

.ul li {
  text-align-last: justify;
  line-height: 2.0625rem;
  font-size: 1.75rem;
  width: 7.25rem;
}

.ul li a {
  color: #fff;
  text-decoration: none;
}

.navBoxrightimg {
  width: 2.7375rem;
  height: 2.6875rem;
  margin: 0.6rem 0rem 0rem 1.5rem;
}


.navBoxrightimg img {
  width: 100%;
  height: 100%;
}

.swiper-slide {}

.banner {
  position: relative;
}

.banner img {
  width: 100%;
  height: 100%;
}

.threeBox {
  border: 1px solid red;
  /* width: 46.8125rem; */
  height: 35.6875rem;
}

.threeBoxDetail {
  width: 90%;
  margin: auto;
  border: 1px solid red;
  height: 33.5rem;
  margin-top: 1.875rem;
  position: relative;
}

.threeBoxDetail1 {
  border: 1px solid red;
  height: 28.375rem;
}

.threeBoxDetail1 video {
  width: 100%;
  height: 100%;
}

.leftlogo {
  background-color: #CA0000;
  color: #F8F6F7;
  width: 7rem;
  height: 7rem;
  border-radius: 4.5625rem;
  text-align: center;
  position: absolute;
  top: 24.875rem;
  border: 1px solid red;
  font-size: ;
}

.leftWord {
  display: inline-block;
  font-size: 1.5rem;
  margin-left: 10%;
  border: 1px solid red;
  color: aqua;
  width: 80%;
  margin: auto;
}
